<template>
  <div class="main">
    <Left class="left"></Left>
    <Center class="center"></Center>
    <Right class="right"></Right>
  </div>
</template>

<script>
import Left from "./Left/index.vue";
import Center from "./Center/index.vue";
import Right from "./Right/index.vue";
export default {
  components: {
    Left,
    Center,
    Right
  }
};
</script>

<style lang="scss" scoped>
.main {
  height: 94%;
  display: flex;
  & > div {
    flex: 3;
    margin: 0 5px 10px;
  }
  .center {
    flex: 5;
  }
}
</style>